<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html>
<html >

<head>
 <base href="<%=basePath%>">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>智能问诊平台</title>
    <meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="description" content="人体图">
		<link rel="stylesheet" href="<%=basePath%>css/wx.css"/>
   
	<script type="text/javascript" src="<%=basePath%>js/jquery.min.js"></script>
	<script type="text/javascript" src="<%=basePath%>js/jquery.js"></script>
	<script type="text/javascript" src="<%=basePath%>js/zepto.min.js"></script>
	<script type="text/javascript" src="<%=basePath%>js/wx.js"></script>
  <!-- start -->
   <link rel="stylesheet" href="<%=basePath%>css/common.css" type="text/css" />
  <script type="text/javascript" src="<%=basePath%>js/jqzoom.js"></script>
   <!-- end -->
	<style type="text/css">
	html{
	background-color: #EEEEEE;
	}
  /*<!-- start -->*/
img{max-width:none;}
.zxx_image_zoom_list{display:inline-block; text-align:center; font-size:128px;}
.zxx_image_zoom_list img.zxx_zoom_image{padding:3px; border:0px solid #EEEEEE; background:#EEEEEE; vertical-align:middle; position:relative;}
.zxx_image_zoom_list:hover,.zxx_image_zoom_list:hover img.zxx_zoom_image{border-color:#EEEEEE;}
.zxx_image_zoom_div{top: 50%;left: 25%;margin-left: -100px;margin-top: -200px;width:99%; height:250px; padding:3px; background:#EEEEEE; border:1px solid #EEEEEE; text-align:center; position:absolute; z-index:1000;  overflow:hidden;}
.big-container{
width: 100%;
height: 100%;
position: absolute;
top: 0;
background: rgba(2, 21, 29, 0.66);
display: none;
}
.cancel{
  position: absolute;
right: 10px;
padding: 10px;
outline: none;
}
 /*<!-- end -->*/
	</style>
  </head>

<script type="text/javascript">
 /*<!-- start -->*/
  jQuery(document).ready(function(){
    $("img.zxx_zoom_image").jqueryzoom();
  });
   /*<!-- end -->*/
// 屏蔽屏幕自身手势
document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
 </script>
<script type="text/javascript">

$(".heart").hover(function(){
$(this).css("background","red");
$(this).siblings(".heart").css("background","gray");
});
function showLoading(tip){
	if(Util.checkNull(tip)){
		$(".pop-loading-bright").addClass("m35");
		$(".pop-loading-text").text("");
	} else {
		$(".pop-loading-bright").addClass("m18");
		$(".pop-loading-text").text(tip);
	}
	document.getElementById("pop-loading-block").style.display = "-webkit-box";
}
function hideLoading(){
	document.getElementById("pop-loading-block").style.display = "none";
}


</script>
<body >
<main>

<section class="main_con">
<div class="box_bg22" id="boxbg" >
<!--成年男正反面  -->
<div id="mzm" style="display:block;position:relative;top:0px;"  >
 <!-- strart -->
  <div class="zxx_main_con" >
        <span data-bigSrc="<%=basePath%>images/bigman_1.png" class="zxx_image_zoom_list">
            <img class="zxx_zoom_image img-responsive" src="<%=basePath%>images/man_1.png" border="0" usemap="#Map" id="man1"/>
        </span >
  </div>
  <div class="big-container" id="big-container">
   
  </div>
   <!-- end -->
<!-- <img class="img-responsive" src="<%=basePath%>images/man_1.png" _src="<%=basePath%>images/bigman_1.png" border="0" usemap="#Map" id="man1"> -->
<!-- <img class="img-responsive" src="<%=basePath%>images/man_2.png" border="0" usemap="#Map" id="man2"  > -->
<!-- <img class="img-responsive" src="<%=basePath%>images/woman_1.png" border="0" usemap="#Map" id="woman1" style="display: none;"> -->
     
	  </div>
	  <!--成年男反面  -->
 
 <!-- 成年女正面 -->
</div>
</div>

    </section>


  <section class="menu" style="height: 627px; display: none;">
        <span class="b_mark" style="display: none;"></span>
        <div class="menu_con">
            <p class="m_tit" style="font-size: 16px;">相关病症</p>
           <ul>
			<li onclick="startInquiry();"><a herf="javascript:void();" >鼻腔感染</a></li>
			<li onclick="startInquiry();"><a herf="javascript:void();" >鼻腔出血</a></li>
			<li onclick="startInquiry();"><a herf="javascript:void();" >鼻中隔血肿</a></li>
			<li onclick="startInquiry();"><a herf="javascript:void();" >厌臭症 </a></li>
			<li onclick="startInquiry();"><a herf="javascript:void();" >上颌窦息肉</a></li>           
           </ul>
        </div>
      
    </section>
<!--   <img alt="转身" src="<%=basePath%>images/fanzhuan.png" style="width: 40px;height: 40px;margin-left: 10px;"> -->

</main>
</body>
<script language="JavaScript"> 
    function startInquiry(){
    url="<%=basePath%>jsp/inquiry.jsp";
  window.location.href=url;
    }
</script> 
</html>
